<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>更多参数</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/deviceParam.css">
</head>
<body>

<div class="container">

    <div class="update-box">
        <ul>
            <li class="update-time fl">
                更新时间
                <span>2017-4-20 11:34:56</span>
            </li>
            <li class="fl">
                <a type="button" class="param-btn refresh-btn">
                    <span>刷新</span>
                </a>
            </li>
            <li class="fl">
                <a type="button" class="param-btn save-btn">保存</a>
            </li>
        </ul>
    </div>
    <div class="Param-boxs">
        <!-- 高级参数 -->
        <div class="advanceParam-box">
            <!-- 密码table -->
            <div class="table oneLine psd-table">
                <div class="table-header">
                    <div class="table-td">用户密码</div>
                    <div class="table-td">厂家密码</div>
                    <div class="table-td">超级密码</div>
                    <div class="table-td br0">机器锁定</div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-td"><input type="text" value="188266"></div>
                        <div class="table-td"><input type="text" value="188266"></div>
                        <div class="table-td"><input type="text" value="188266"></div>
                        <div class="table-td br0"><span class="lock-icon on"></span></div>
                    </li>
                </ul>
            </div>

            <!-- 变频器table -->
            <div class="table oneLine inverter-table">
                <div class="table-header">
                    <div class="table-td">变频器</div>
                    <div class="table-td">地址</div>
                    <div class="table-td">值</div>
                    <div class="table-td br0">操作</div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-td rowspan2">主机变频器</div>
                        <div class="table-td"><input type="text" value="null"></div>
                        <div class="table-td"><input type="text" value="null"></div>
                        <div class="table-td br0"><span class="param-btn">操作</span></div>
                        <div class="table-td"><input type="text" value="null"></div>
                        <div class="table-td"><input type="text" value=""></div>
                        <div class="table-td br0"><span class="param-btn">操作</span></div>
                    </li>

                    <li>
                        <div class="table-td rowspan2">风机变频器</div>
                        <div class="table-td"><input type="text" value=""></div>
                        <div class="table-td"><input type="text" value=""></div>
                        <div class="table-td br0"><span class="param-btn">操作</span></div>
                        <div class="table-td"><input type="text" value="null"></div>
                        <div class="table-td"><input type="text" value="null"></div>
                        <div class="table-td br0"><span class="param-btn">操作</span></div>
                    </li>
                </ul>
            </div>
        </div>


        <!-- 变频器参数 -->
        <div class="inverterParam-box">
            <!--主机变频器参数table-->
            <div class="table twoLine fl  mr20">
                <div class="table-header">
                    <div class="table-left">主机变频器参数</div>
                    <div class="table-right"></div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-left">上限频率</div>
                        <div class="table-right"><input type="text" value="1500">Hz</div>
                    </li>
                    <li>
                        <div class="table-left">下限频率</div>
                        <div class="table-right"><input type="text" value="1500">Hz</div>
                    </li>
                    <li>
                        <div class="table-left">最大频率</div>
                        <div class="table-right"><input type="text" value="1500">Hz</div>
                    </li>
                    <li>
                        <div class="table-left">加速时间</div>
                        <div class="table-right"><input type="text" value="15">秒</div>
                    </li>
                    <li>
                        <div class="table-left">减速时间</div>
                        <div class="table-right"><input type="text" value="15">秒</div>
                    </li>
                    <li>
                        <div class="table-left">空载频率</div>
                        <div class="table-right"><input type="text" value="40">Hz</div>
                    </li>
                </ul>
            </div>

            <!--风机变频器参数table-->
            <div class="table twoLine fl">
                <div class="table-header">
                    <div class="table-left">风机变频器参数</div>
                    <div class="table-right"></div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-left">上限频率</div>
                        <div class="table-right"><input type="text" value="1500">Hz</div>
                    </li>
                    <li>
                        <div class="table-left">下限频率</div>
                        <div class="table-right"><input type="text" value="1500">Hz</div>
                    </li>
                    <li>
                        <div class="table-left">最大频率</div>
                        <div class="table-right"><input type="text" value="1500">Hz</div>
                    </li>
                    <li>
                        <div class="table-left">加速时间</div>
                        <div class="table-right"><input type="text" value="15">秒</div>
                    </li>
                    <li>
                        <div class="table-left">减速时间</div>
                        <div class="table-right"><input type="text" value="15">秒</div>
                    </li>
                    <li>
                        <div class="table-left">空载频率</div>
                        <div class="table-right"><input type="text" value="40">Hz</div>
                    </li>
                </ul>
            </div>
        </div>


        <!-- 调试参数 -->
        <div class="debugerParam-box">
            <!-- RTCtable -->
            <div class="table oneLine RTC-table mb26">
                <div class="table-header">
                    <div class="table-td">RTC时间</div>
                    <div class="table-td br0">2017年4月20日</div>
                    <div class="table-td br0">17时04分</div>
                    <div class="table-td br0">星期三</div>
                </div>
            </div>

            <!-- 压力table -->
            <div class="table oneLine pressure-table mb26">
                <div class="table-header">
                    <div class="table-td">压力</div>
                    <div class="table-td">零点电压值</div>
                    <div class="table-td">最大电压值</div>
                    <div class="table-td br0">当前值</div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-td">压力1电压</div>
                        <div class="table-td"><input type="text" value="0.441">V</div>
                        <div class="table-td"><input type="text" value="0.441">V</div>
                        <div class="table-td br0"><input type="text" value="0.441">V</div>
                    </li>
                    <li>
                        <div class="table-td">压力2电压</div>
                        <div class="table-td"><input type="text" value="0.441">V</div>
                        <div class="table-td"><input type="text" value="0.441">V</div>
                        <div class="table-td br0"><input type="text" value="0.441">V</div>
                    </li>
                    <li>
                        <div class="table-td">温度1电压</div>
                        <div class="table-td"><input type="text" value="0.441">V</div>
                        <div class="table-td"><input type="text" value="0.441">V</div>
                        <div class="table-td br0"><input type="text" value="null">V</div>
                    </li>
                    <li>
                        <div class="table-td">温度2电压</div>
                        <div class="table-td"><input type="text" value="0.441">V</div>
                        <div class="table-td"><input type="text" value="0.441">V</div>
                        <div class="table-td"><input type="text" value="null">V</div>
                    </li>
                </ul>
            </div>

            <div class="msg-div mb26">
                <!-- 设备信息table -->
                <div class="table twoLine mr20 fl">
                    <div class="table-header">
                        <div class="table-left">设备信息</div>
                        <div class="table-right"></div>
                    </div>
                    <ul class="table-body">
                        <li>
                            <div class="table-left">主机变频器PID偏差</div>
                            <div class="table-right"><input type="text" value="0.02"></div>
                        </li>
                        <li>
                            <div class="table-left">主机变频器PID积分</div>
                            <div class="table-right"><input type="text" value="0.02"></div>
                        </li>
                        <li>
                            <div class="table-left">主机变频器PID比例</div>
                            <div class="table-right"><input type="text" value="0.02"></div>
                        </li>
                        <li>
                            <div class="table-left">主机变频器设定频率</div>
                            <div class="table-right"><input type="text" value="0.02"></div>
                        </li>
                        <li>
                            <div class="table-left">主机变频器运行状态</div>
                            <div class="table-right"><input type="text" value="null"></div>
                        </li>
                        <li>
                            <div class="table-left">主变频通信失败次数</div>
                            <div class="table-right"><input type="text" value="0"></div>
                        </li>
                        <li>
                            <div class="table-left">主变频当前失败次数</div>
                            <div class="table-right"><input type="text" value="10"></div>
                        </li>
                        <li>
                            <div class="table-left">风机A电压</div>
                            <div class="table-right"><input type="text" value="0.02">V</div>
                        </li>
                        <li>
                            <div class="table-left">风机B电压</div>
                            <div class="table-right"><input type="text" value="0.02">V</div>
                        </li>
                        <li>
                            <div class="table-left">风机C电压</div>
                            <div class="table-right"><input type="text" value="0.02">V</div>
                        </li>
                        <li>
                            <div class="table-left">控制器邮件版本</div>
                            <div class="table-right"><input type="text" value="HW-V1.00"></div>
                        </li>
                        <li>
                            <div class="table-left">控制器软件版本</div>
                            <div class="table-right"><input type="text" value="YT300V1.29"></div>
                        </li>
                        <li>
                            <div class="table-left">控制器编号</div>
                            <div class="table-right"><input type="text" value="BD105770"></div>
                        </li>
                        <li>
                            <div class="table-left">控制器出厂日期</div>
                            <div class="table-right"><input type="text" value="2017-4-20"></div>
                        </li>
                    </ul>
                </div>

                <!-- RTC异常信息table -->
                <div class="table twoLine fl">
                    <div class="table-header">
                        <div class="table-left">RTC/异常信息</div>
                        <div class="table-right"></div>
                    </div>
                    <ul class="table-body">
                        <li>
                            <div class="table-left">相序脉冲数</div>
                            <div class="table-right"><input type="text" value="null"></div>
                        </li>
                        <li>
                            <div class="table-left">相序高电平时间</div>
                            <div class="table-right"><input type="text" value="null"></div>
                        </li>
                        <li>
                            <div class="table-left">耗材分钟计时</div>
                            <div class="table-right"><input type="text" value="180"></div>
                        </li>
                        <li>
                            <div class="table-left">机器运行总时间</div>
                            <div class="table-right"><input type="text" value="120">分</div>
                        </li>
                        <li>
                            <div class="table-left">负载运行总时间</div>
                            <div class="table-right"><input type="text" value="150">分</div>
                        </li>
                        <li>
                            <div class="table-left">复位数据</div>
                            <div class="table-right"><input type="text" value="0"></div>
                        </li>
                        <li>
                            <div class="table-left">运行状态</div>
                            <div class="table-right"><input type="text" value=""></div>
                        </li>
                        <li>
                            <div class="table-left">触摸屏版本信息</div>
                            <div class="table-right"><input type="text" value="1.00"></div>
                        </li>
                        <li>
                            <div class="table-left">位置区号</div>
                            <div class="table-right"><input type="text" value="247C"></div>
                        </li>
                        <li>
                            <div class="table-left">小区ID</div>
                            <div class="table-right"><input type="text" value="11EF"></div>
                        </li>
                        <li>
                            <div class="table-left">写参数异常计次</div>
                            <div class="table-right"><input type="text" value="0"></div>
                        </li>
                        <li>
                            <div class="table-left">触摸屏通信异常计次</div>
                            <div class="table-right"><input type="text" value="0"></div>
                        </li>
                        <li>
                            <div class="table-left">SIM卡串号</div>
                            <div class="table-right"><input type="text" value="460040123421763"></div>
                        </li>
                        <li>
                            <div class="table-left">报警值</div>
                            <div class="table-right"><input type="text" value=""></div>
                        </li>
                        <li>
                            <div class="table-left">预警值</div>
                            <div class="table-right"><input type="text" value=""></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>


        <!-- 网络参数 -->
        <div class="netParam-box">
            <!-- 服务器参数table -->
            <div class="table twoLine fl mr20">
                <div class="table-header">
                    <div class="table-left">服务器参数</div>
                    <div class="table-right"></div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-left">服务器域名</div>
                        <div class="table-right"><input type="text" value="bd.rkoon.com"></div>
                    </li>
                    <li>
                        <div class="table-left">服务器端口</div>
                        <div class="table-right"><input type="text" value="9002"></div>
                    </li>
                    <li>
                        <div class="table-left">心跳间隔</div>
                        <div class="table-right"><input type="text" value="180">秒</div>
                    </li>
                </ul>
            </div>
            <!-- APN参数table -->
            <div class="table twoLine fl">
                <div class="table-header">
                    <div class="table-left">APN参数</div>
                    <div class="table-right"></div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-left">APN类型</div>
                        <div class="table-right"><input type="text" value=""></div>
                    </li>
                    <li>
                        <div class="table-left">APN用户名</div>
                        <div class="table-right"><input type="text" value=""></div>
                    </li>
                    <li>
                        <div class="table-left">APN密码</div>
                        <div class="table-right"><input type="password" value=""></div>
                    </li>
                </ul>
            </div>
        </div>


        <!-- 厂家参数 -->
        <div class="factoryParam-box">
            <!-- 主机table -->
            <div class="table threeLine fl mr20">
                <div class="table-header">
                    <div class="table-left">主机</div>
                    <div class="table-right"></div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-left">卸载高限</div>
                        <div class="table-right"><input type="text">Mpa</div>
                    </li>
                    <li>
                        <div class="table-left">停机压力</div>
                        <div class="table-right"><input type="text">Mpa</div>
                    </li>
                    <li>
                        <div class="table-left">压力修正</div>
                        <div class="table-right"><input type="text"></div>
                    </li>
                    <li>
                        <div class="table-left">最大使用时限</div>
                        <div class="table-right"><input type="text">小时</div>
                    </li>
                    <li>
                        <div class="table-left">运行断电自启时限</div>
                        <div class="table-right"><input type="text">分钟</div>
                    </li>
                    <li>
                        <div class="table-left">主机PID阀值</div>
                        <div class="table-right"><input type="text">Mpa</div>
                    </li>
                    <li>
                        <div class="table-left">主机比例系数</div>
                        <div class="table-right"><input type="text"></div>
                    </li>
                    <li>
                        <div class="table-left">主机积分系数</div>
                        <div class="table-right"><input type="text"></div>
                    </li>
                    <li>
                        <div class="table-left">主机微分系数</div>
                        <div class="table-right"><input type="text"></div>
                    </li>
                    <li>
                        <div class="table-left">主机扫描时间</div>
                        <div class="table-right"><input type="text">秒</div>
                    </li>
                    <li>
                        <div class="table-left">主机积分时间</div>
                        <div class="table-right"><input type="text">秒</div>
                    </li>

                </ul>
            </div>

            <!-- 风机table -->
            <div class="table threeLine fl mr20">
                <div class="table-header">
                    <div class="table-left">风机</div>
                    <div class="table-right"></div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-left">排温预警</div>
                        <div class="table-right"><input type="text">℃</div>
                    </li>
                    <li>
                        <div class="table-left">排温停机</div>
                        <div class="table-right"><input type="text">℃</div>
                    </li>
                    <li>
                        <div class="table-left">低温保护</div>
                        <div class="table-right"><input type="text">℃</div>
                    </li>
                    <li>
                        <div class="table-left">温度修正</div>
                        <div class="table-right"><input type="text" value="100"></div>
                    </li>
                    <li>
                        <div class="table-left">风机A相系数</div>
                        <div class="table-right"><input type="text"></div>
                    </li>
                    <li>
                        <div class="table-left">风机B相系数</div>
                        <div class="table-right"><input type="text"></div>
                    </li>
                    <li>
                        <div class="table-left">风机C相系数</div>
                        <div class="table-right"><input type="text"></div>
                    </li>
                    <li>
                        <div class="table-left">风机额定电流</div>
                        <div class="table-right"><input type="text" value="3.0">A</div>
                    </li>
                </ul>
            </div>

            <!-- 状态table -->
            <div class="table threeLine fl">
                <div class="table-header">
                    <div class="table-left">状态</div>
                    <div class="table-right"></div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-left">主机变频器型号</div>
                        <div class="table-right">
                            <select>
                                <option>海利普SK190</option>
                                <option>海利普SK190</option>
                                <option>海利普SK190</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <div class="table-left">频率选择</div>
                        <div class="table-right">
                            <select>
                                <option>50Hz</option>
                                <option>60Hz</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <div class="table-left">主机驱动</div>
                        <div class="table-right">
                            <select>
                                <option>工频</option>
                                <option>变频</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <div class="table-left">风机变频器型号</div>
                        <div class="table-right">
                            <select>
                                <option>海利普SP110</option>
                                <option>海利普SP110</option>
                                <option>海利普SP110</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <div class="table-left">风机互感器档位</div>
                        <div class="table-right">
                            <select>
                                <option>小量程</option>
                                <option>大量程</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <div class="table-left">风机驱动</div>
                        <div class="table-right">
                            <select>
                                <option>工频</option>
                                <option>变频</option>
                            </select>
                        </div>
                    </li>
                    <li>
                        <div class="table-left">风机扫描检测</div>
                        <div class="table-right">
                            <span class="switch-icon on"></span>
                        </div>
                    </li>
                    <li>
                        <div class="table-left">空久休眠</div>
                        <div class="table-right">
                            <span class="switch-icon on"></span>
                        </div>
                    </li>
                    <li>
                        <div class="table-left">相序检测开关</div>
                        <div class="table-right">
                            <span class="switch-icon on"></span>
                        </div>
                    </li>
                    <li>
                        <div class="table-left">运行断电自启</div>
                        <div class="table-right">
                            <span class="switch-icon off"></span>
                        </div>
                    </li>
                    <li>
                        <div class="table-left">I1功能</div>
                        <div class="table-right">
                            <select>
                                <option>未使用</option>
                                <option>缺水检测</option>
                                <option>远程启停</option>
                            </select>
                        </div>
                    </li>
                </ul>
            </div>
        </div>


        <!-- 用户参数 -->
        <div class="userParam-box">
            <!-- 压力温度table -->
            <div class="table oneLine mb26">
                <div class="table-header">
                    <div class="table-td">压力/温度</div>
                    <div class="table-td">默认值</div>
                    <div class="table-td">当前值</div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-td">主机目标压力</div>
                        <div class="table-td graycolor"><input type="text" value="1.35">Mpa</div>
                        <div class="table-td"><input type="text" value="1.35">Mpa</div>
                    </li>
                    <li>
                        <div class="table-td">主机加载压力</div>
                        <div class="table-td graycolor"><input type="text" value="1.35">Mpa</div>
                        <div class="table-td"><input type="text" value="1.35">Mpa</div>
                    </li>
                    <li>
                        <div class="table-td">主机卸载压力</div>
                        <div class="table-td graycolor"><input type="text" value="1.35">Mpa</div>
                        <div class="table-td"><input type="text" value="1.35">Mpa</div>
                    </li>
                    <li>
                        <div class="table-td">风机启动温度</div>
                        <div class="table-td graycolor"><input type="text" value="1.35">℃</div>
                        <div class="table-td"><input type="text" value="1.35">℃</div>
                    </li>
                    <li>
                        <div class="table-td">风机停止温度</div>
                        <div class="table-td graycolor"><input type="text" value="1.35">℃</div>
                        <div class="table-td"><input type="text" value="1.35">℃</div>
                    </li>

                </ul>
            </div>

            <!-- 延时参数table -->
            <div class="table oneLine">
                <div class="table-header">
                    <div class="table-td">延时参数</div>
                    <div class="table-td">默认值</div>
                    <div class="table-td">当前值</div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-td">启动延时</div>
                        <div class="table-td graycolor"><input type="text" value="1.35">秒</div>
                        <div class="table-td"><input type="text" value="1.35">Mpa</div>
                    </li>
                    <li>
                        <div class="table-td">加载延时</div>
                        <div class="table-td graycolor"><input type="text" value="1.35">秒</div>
                        <div class="table-td"><input type="text" value="1.35">Mpa</div>
                    </li>
                    <li>
                        <div class="table-td">空载延时</div>
                        <div class="table-td graycolor"><input type="text" value="1.35">秒</div>
                        <div class="table-td"><input type="text" value="1.35">Mpa</div>
                    </li>
                    <li>
                        <div class="table-td">停机延时</div>
                        <div class="table-td graycolor"><input type="text" value="1.35">秒</div>
                        <div class="table-td"><input type="text" value="1.35">℃</div>
                    </li>
                    <li>
                        <div class="table-td">风机延时</div>
                        <div class="table-td graycolor"><input type="text" value="1.35">秒</div>
                        <div class="table-td"><input type="text" value="1.35">℃</div>
                    </li>

                </ul>
            </div>
        </div>


        <!-- 保养参数 -->
        <div class="maintainParam-box">
            <div class="table oneLine">
                <div class="table-header">
                    <div class="table-td">保养器件</div>
                    <div class="table-td">最大时间</div>
                    <div class="table-td">使用时间</div>
                    <div class="table-td">预警时间</div>
                </div>
                <ul class="table-body">
                    <li>
                        <div class="table-td">油滤器</div>
                        <div class="table-td"><input type="text" value="500">小时</div>
                        <div class="table-td"><input type="text" value="300">小时</div>
                        <div class="table-td"><input type="text" value="400">小时</div>
                    </li>
                    <li>
                        <div class="table-td">油分器</div>
                        <div class="table-td"><input type="text" value="500">小时</div>
                        <div class="table-td"><input type="text" value="300">小时</div>
                        <div class="table-td"><input type="text" value="400">小时</div>
                    </li>
                    <li>
                        <div class="table-td">空滤器</div>
                        <div class="table-td"><input type="text" value="500">小时</div>
                        <div class="table-td"><input type="text" value="300">小时</div>
                        <div class="table-td"><input type="text" value="400">小时</div>
                    </li>
                    <li>
                        <div class="table-td">润滑油</div>
                        <div class="table-td"><input type="text" value="500">小时</div>
                        <div class="table-td"><input type="text" value="300">小时</div>
                        <div class="table-td"><input type="text" value="400">小时</div>
                    </li>
                    <li>
                        <div class="table-td">润滑脂</div>
                        <div class="table-td nosave"><input type="text" value="500">小时</div>
                        <div class="table-td"><input type="text" value="300">小时</div>
                        <div class="table-td"><input type="text" value="400">小时</div>
                    </li>
                </ul>
            </div>
        </div>

    </div>
</div>

<!-- 操作后提示弹框 -->
<div class="tipbomb">
    <span>操作成功！</span>
</div>

<script src="js/plugin/jquery.js"></script>

<script>
    $(function() {
        var $lock = $('.lock-icon');
        $lock.click(function(){
            if($(this).hasClass('on')){
                $(this).addClass('off').removeClass('on');
            }else {
                $(this).addClass('on').removeClass('off');
            }
        });

        var $switch = $('.switch-icon');
        $switch.click(function() {
            if($(this).hasClass('on')){
                $(this).addClass('off').removeClass('on');
            }else {
                $(this).addClass('on').removeClass('off');
            }
        });
    })
</script>
</body>
</html>